@charset "utf-8";
html { font-size:100px;} 
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; padding: 0; margin:0;}
body,p,ul,li,ol,dl,dd,dt,h1,h2,h3,h4,h5,h6,input,form{
padding:0;margin:0;list-style:none;}
body,html{background-color:#fff;font-family:"SourceHanR","Microsoft Yahei", Arial, "Helvetica Neue", Helvetica, sans-serif;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; }
body{background:#fff;font-size:14px; height: 100%; color: #333; margin:0 auto;min-width: 1280px;}
a{transition: 0.3s;-moz-transition: 0.3s;  /* Firefox 4 */
  -webkit-transition: 0.3s; /* Safari Chrome */
  -o-transition: 0.3s;  /* Opera */
  text-decoration:none;}
a:hover,a:focus{text-decoration:none;}
img{border:0;vertical-align: middle;}
.container-fluid{padding:0px;}
.container{padding:0px;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.clear{position:relative; clear: both;}
.clear::after{clear:both;display:block;content:''}
a,a:hover{color:inherit;text-decoration:inherit;}
input,textarea{outline:none;}
.enb{ text-transform: uppercase; font-family: Arial; font-weight:normal; }
.dib,.db{ display: block; }
.w1200{max-width: 1200px; margin: 0 auto}
.w1300{max-width: 1300px; margin: 0 auto}
.w1400{max-width: 1400px; margin: 0 auto;width: 1400px;}
.left,.l { float: left; }
.right,.r{ float: right; }
.bgb{ background:#fff }
.pr{ position: relative; }
.m35{  height: 35px }
.p15{padding:15px 25px}
/*头部*/
.header{height:170px;display:block;position:absolute;width:100%;text-align:center;background:#fff;z-index:15;}
.header a{display:inline-block;vertical-align:middle}
.topline{background: linear-gradient(to right, #002fa0 , #006dd8); height: 50px; line-height: 50px}
.topline .l{ font-size: 15px; color: #fff }
.topline .toptel{ text-align: right; font-size: 14px; color: #fff; width: 400px; float: right; height: 50px; line-height: 50px; position: relative; padding-right: 10px}
.topline .toptel i{ font-size: 20px; padding-right: 8px }
.topline .toptel b { font-size: 20px; font-family:Arial; }
/*导航*/
.fixed{z-index:9999;position: fixed;top: 0;margin: 0;box-shadow: 0 0 10px rgba(0,0,0,.3);}
.nav{ height: 120px;  background-color: #fff; position: relative; width: 100%; box-shadow: 0 0 10px #888}
.nav-box{margin:0 auto; }
.nav_L{ width:68%; float: right;}

.nav-box li{  display: inline-block; width: 13.2%;  text-align:right;font-size: 18px;  position: relative; line-height:120px}
.nav-box li a{color: #000; }

.nav-box li a:hover,.nav-box li a.on{ color: #a80b00; position: relative;  }
.nav-box li a:hover:after,.nav-box li a.on:after{  position: absolute; content: ''; width: 40px; height: 4px; background: #b00303; border-radius: 2px; top: 40px; left: 20px;transition: all 0.3s; }


.subNavbox a:link, .subNavbox a:visited{ color:rgba(0,0,0,0.8); }
.subNavbox a:active, .subNavbox a:hover { color:rgba(0,0,0,1); text-decoration: underline;}
.subNavbox { position: absolute; left: 20%; top:100px !important; background-color:#fff; display: none; text-align: left;z-index: 9999; border-radius: 5px; box-shadow: 0 0 5px #ddd; width: 120%}
.nav-box li:hover .subNavbox{ display: block; }
.subNavbox p { line-height: 1.2; padding:10px;}
.subNavbox p:first-child{ padding-top: 20px }
.subNavbox p:last-child{ padding-bottom: 20px }
.subNavbox p a { line-height: 1.2; height: auto; padding: 0 5px; font-size: 15px; }
.subNavbox p a:hover:after{ display:none}
.subNavbox p a:before{ color: #ff9500; font-weight: bold; content: '·';margin-right:6px}

.logo{ float: left; width: 382px; line-height: 120px; text-align:left; }
.logo a{display:inline-block;vertical-align:middle}



/*footer*/

.footer {height:auto;margin: 0 auto;background-color: #133069;}
.fimg{ display:block; width: 100% }
.footer-cont {margin: 0 auto;}
.footer-cont ul {padding: 45px 0;height: auto; overflow: hidden;}
.footer-cont ul li{ margin-right: 3%;  float: left; }
.footer-cont ul li:nth-child(1){ width: 18% }
.footer-cont ul li:nth-child(2){ width: 18% }
.footer-cont ul li:nth-child(3){ width: 18% }
.footer-cont ul li:nth-child(5){ width: 20% }
.footer-cont ul li:nth-child(6){ width: 10% ; margin-right: 0}
.footer-cont ul li:nth-child(6) img{ display: block; border: 3px #fff solid; width: 100% }
.footer-cont ul li a:hover {color: #246ACE;}
.footer-cont ul li h2 a,.footer-cont ul li h2 {color: #FFFFFF;font-size: 18px;font-weight: bold;margin-bottom: 30px; width: 100%; display: block; }
.footer-cont ul li h2 a{border-bottom: 1px solid rgba(255,255,255,0.15); padding-bottom: 20px}
.footer-cont ul li a,.footer-cont ul li span {color: #FFFFFF;display: block;font-size: 14px;margin-bottom: 15px; display: block; }
.footer-cont ul li a{width: 50%;float: left;color:#cacaca}
.footer-cont ul li a:hover{color:#fff}
.footer-cont ul li span{ width: 100% }
.line-footer {width: 1px;height: 200px;background: rgba(204, 204, 204,0.15); }

.footer-cont ul li a.footer-chat {width: 140px;height: 40px;line-height: 40px;color: #FFFFFF;background: -webkit-linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));background: -moz-linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));background: -o-linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));background: linear-gradient(270deg, rgba(36, 106, 206, 1), rgba(56, 142, 239, 1));border-radius: 3px;text-align: center;}
.footer-cont ul li a:hover .footer-chat {color: #FFFFFF;}
.bei-an {height: 60px;margin: 0 auto;background-color: #000;}
.bei-an-cont {margin: 0 auto; text-align: center;}
.bei-an-cont .copy {line-height: 60px;}
.bei-an-cont .copy p {color: #FFFFFF;}
.bei-an-cont .copy p a {color: #FFFFFF;margin-left: 10px;}

.footerlink{ border-top:1px #333 solid; color: rgba(255,255,255,0.6);  padding:15px 0 ; background: #000; text-align: center; }
.footerlink a{ color: rgba(255,255,255,0.6); padding:0 10px; }


/*分页*/
.paging { text-align: center; padding: 20px 0px; }
.paging a:link, .paging a:visited { color: #666666; }
.paging span.current, .paging a:hover { color: #fff; background-color: #333; border-color: #222; }
.paging a, .paging span { padding: 7px 13px; border: 1px solid #d1d1d1; margin: 0px 2px; }
.lction{ height: 40px; line-height: 40px;  background-color: #f5f5f5; color: #333 }
/*漂浮*/
.bottompf{ display: none; position: fixed; bottom: 0; width: 100%;z-index: 888 }
.bottompf>a{float: left;width:50%;padding: 10px 3%;font-size: 15px;color:#fff;background: #f23300;}
.bottompf>a>i{display: inline-block;width:30px;height: 30px;background: url("../image/tel.png") no-repeat;background-size: cover;vertical-align: middle;margin-right: .1px;}
.bottompf>a.right{background: #dd9200;}
.bottompf>a.right>i{width: 30px;height: 30px;background: url("../image/online.png") no-repeat;background-size: cover;}

.right-fd{position: fixed;bottom: 10%;right: 5px;text-align: center;z-index: 9999;display: none; display: block;}
.right-fd ul{width: 85px;background: #c2cdef;margin-top: -10px;-webkit-box-shadow: 0px 10px 100px rgba(3,3,3,0.2);-moz-box-shadow: 0px 10px 100px rgba(3,3,3,0.2);
    box-shadow: 0px 10px 100px rgba(3,3,3,0.2);position: relative;z-index: 10;}
.right-fd ul #slidebar{width: 3px;height: 60px;background: #c2cdef;display: block;position: absolute;
    top: 0;right: -3px;transition: all 0.5s;}
.right-fd li{position: relative;}
.right-fd .l3 p{width: 0;background: #0037a1;position: absolute;top: 0;right: 0px;text-align: left;z-index: 10;transition-property:width;
    transition-duration:0.8s;}
.right-fd .l3 p span{font-size: 16px;color: #fff;line-height: 1.5;display: block;padding:17px 28% 17px 10%;white-space: nowrap;overflow: hidden;
 opacity: 0;transition-duration:1s;transition-delay: 0.2s;}
.right-fd .l3 p span strong{font-size: 20px;color: #fff;display: block;}
.right-fd .l3:hover p{width: 210px;}
.right-fd .l3:hover p span{opacity: 1;}
.right-fd .l3:hover p img{opacity: 1;}
.right-fd li a{font-size: 14px;color: #252e3c;line-height: 1;font-weight: bold;text-align: center;display: block;
    padding: 60px 0 15px 0;border-top: 1px solid #fff;}
.right-fd .l1 a{background: url("../image/right-ico01.png") center 15px no-repeat;border-top: 1px solid #fff;}
.right-fd .l2 a{background: url("../image/right-ico03.gif") center 15px no-repeat;}
.right-fd .l3 a{background: url("../image/right-ico02.png") center 15px no-repeat;}
.right-fd .l4 img{ margin-bottom:5px;  width: 85px; height: 85px}
.right-fd .l4 a{ padding:0 0 10px 0;color:#eb0001}
.right-fd .l4{background:#fff; font-size: 15px }
.right-fd li a:hover{color: #222;}
.right-fd .l1 a:hover{background: url("../image/right-ico1.png") center 15px no-repeat;}
.right-fd .l2 a:hover{background: url("../image/right-ico3.png") center 15px no-repeat;}
.right-fd .l3 a:hover{background: url("../image/right-ico2.png") center 15px no-repeat;}
.scroll-top{width: 85px;display: block;background: url("../image/right-top.png") center 15px no-repeat #c0cbee;padding: 30px 0 20px 0;margin-top:6px;
    -webkit-box-shadow: 0px 10px 100px rgba(3,3,3,0.2);-moz-box-shadow: 0px 10px 100px rgba(219, 121, 121, 0.2);box-shadow: 0px 10px 100px rgba(3,3,3,0.2); color:#000; font-size: 14px}
.scroll-top:hover{background: url("../image/right-top.png") center 15px no-repeat  #fff;color: #000;}

@media only screen and (max-width:1400px){
.w1300{max-width: 100%; margin: 0 auto;min-width: 1280px;}
.w1400{max-width: 100%; margin: 0 auto;width: 1280px;min-width: 1280px;}
}